@charset "utf-8"; /* CSS Document */

main {width: 88%;} header {background-color:#666666; padding-left: 6%; padding-right: 6%;}
header li a:hover, header li a.english {background-color: #000000;}

.row1 {height: auto;  width:100%; overflow: hidden; padding-top:18px; padding-bottom:18px; font-size: 30px;}
.row2 {height: auto;  width:100%; overflow: hidden;} 
.row2col {height: auto;  width:23.2%; overflow: hidden; margin-bottom: 3%; margin-right: 2.4%; float: left; background: #F2F2F2}
.row2 :nth-child(4),.row2 :nth-child(8) {margin-right: 0%;}  
.row2 :nth-child(5),.row2 :nth-child(6),.row2 :nth-child(7),.row2 :nth-child(8) {margin-bottom: 0%;}
.samllrowpic {height: auto; overflow: hidden; } 
.samllrowword {height: auto; overflow: hidden; margin-left: auto; margin-right: auto; padding-top:11px; padding-bottom: 13px; font-size: 20px; text-align: center;}
.row2 a:link,.row2 a:visited {color: #000000;}  .row2 a:hover,.row2 a:active {color: #FF0000;}
.row3 {height: auto;  width:100%; overflow: hidden;  padding-top: 18px; padding-bottom:18px; font-size: 30px;}
.row4 {height: auto;  width:100%; overflow: hidden; margin-bottom: 3.5%; padding: 1%; font-size: 17px; line-height: 160%; background: #F2F2F2}

footer {margin-top: 2%; padding-top:15px; padding-bottom:25px;}

@media screen and (min-width: 2000px) {main {width: 66%;}  header {padding-left: 17%; padding-right: 17%;}}
@media screen and (max-width: 1199px) {main {width: 94%;}  header {padding-left: 3%; padding-right: 3%;}}
@media screen and (min-width: 480px) and (max-width: 799px) {.row1,row3 {padding-top:7px; padding-bottom:7px;}}
@media screen and (max-width: 479px) {.row1,row3 {padding-top:7px; padding-bottom:7px;} .row2col {width:47%; margin-right: 6%;} .row2 :nth-child(2n) {margin-right: 0%;} .row2 :nth-child(5),.row2 :nth-child(6) {margin-bottom: 3%;} .row2 :nth-child(7),.row2 :nth-child(8) {margin-bottom: 0%;} .samllrowword {padding-top: 7px; padding-bottom: 7px;} header li a.english {background-color: inherit;}}